﻿<%@ Page Title="About Us" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="About.aspx.cs" Inherits="OnlineManagement.Web.About" %>
<%@ Register TagPrefix="UC" TagName="sowsSettings" Src="~/userControl/UCSowsSettings.ascx" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <link href="resources/css/jquery.ui.all.css" rel="stylesheet" type="text/css" />

    <link href="resources/css/colorbox.css" rel="stylesheet" type="text/css" />
    <script src="resources/scripts/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="resources/scripts/jquery.ui.core.js" type="text/javascript"></script>
    <script src="resources/scripts/jquery.ui.widget.js" type="text/javascript"></script>
    <script src="resources/scripts/jquery.ui.position.js" type="text/javascript"></script>
    <script src="resources/scripts/jquery.ui.tooltip.js" type="text/javascript"></script>
    <script src="resources/scripts/jquery.ui.effect.js" type="text/javascript"></script>
    <script src="resources/scripts/jquery.ui.effect-explode.js" type="text/javascript"></script>
    <script src="resources/scripts/jquery.cookie.js" type="text/javascript"></script>
    <script src="resources/scripts/jquery.colorbox.js" type="text/javascript"></script>

    <script src="../resources/scripts/jquery.ui.datepicker.js" type="text/javascript"></script>
    <script src="../resources/scripts/jquery.ui.datepicker-zh-TW.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $("#show-option").tooltip({
                show: {
                    effect: "slideDown",
                    delay: 250
                }
            });
            $("#hide-option").tooltip({
                hide: {
                    effect: "explode",
                    delay: 250
                }
            });
            $("#open-event").tooltip({
                show: null,
                position: {
                    my: "left top",
                    at: "left bottom"
                },
                open: function (event, ui) {
                    ui.tooltip.animate({ top: ui.tooltip.position().top + 10 }, "fast");
                }
            });

            $("#<%=txtDate.ClientID %>").datepicker($.datepicker.regional["zh-TW"]).datepicker("option", "dateFormat", "yy-mm-dd");

        });

    </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <h2>
        About
    </h2>
   
    <p>
        <p>You can use the <a id="show-option" href="javascript:void(0)" title="slide down on show">show</a> and
        <a id="hide-option" href="javascript:void(0)" title="explode on hide">hide</a> options.</p>
    </p>
    <p>
        <asp:Button ID="btnGet" runat="server" Text="Get Cookie" />
        <asp:PlaceHolder runat="server" ID="pHolder"></asp:PlaceHolder>
        <asp:Label ID="lbGet" runat="server" Text="lbGet"></asp:Label>
    </p>
    <p>
        <asp:TextBox runat="server" ID="txtDate"></asp:TextBox>
    </p>
    <p>
        <a href="javascript:void(0);" onclick="displayLog(this);">1002</a>
    </p>
</asp:Content>
